<template>
  <div class="consult-card">
    <div class="consult-card-title">
      <b>会商部门</b>&nbsp;:&nbsp;&nbsp;&nbsp;生态环境厅
    </div>
    <div class="consult-card-content-group">
      <div class="consult-card-content-lt">&nbsp;&nbsp;会商内容:</div>
      <div class="consult-card-content-rt">
        <el-input
          type="textarea"
          :rows="8"
          v-model="content" @change="getConsultData()">
        </el-input>
      </div>
    </div>
    <div class="consult-card-radio">
      <span>&nbsp;&nbsp;是否需要环评:</span>
      <div class="consult-card-radio-rt">
        <el-radio v-model="radio" label="1">是</el-radio>
        <el-radio v-model="radio" label="2">否</el-radio>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "consultCard",
  props: {
    consultData: {
      type: Object,
      default: () => {}
    }
  },
  methods: {
    buttonClick () {
      this.$emit('buttonClick', '')
    }
  }
};
</script>

<style lang="scss">
  .consult-card {
    display: inline-block;
    margin-left: 18px;
    width: 30%;
    margin-top: 30px;
    border: 1px solid #dedbdb;
  }
  .consult-card-title {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #339cdb;
    padding: 10px 10px;
    color: #fff;
  }
  .consult-card-content-group {
    width: 100%;
    display: flex;
  }
  .consult-card-content-lt {
    font-weight: 600;
    margin: auto;
    flex: 1;
  }
  .consult-card-content-rt {
    padding: 5px;
    border-left: 1px solid #dedbdb;
    flex: 1.5;
  }
  .consult-card-radio {
    padding: 10px 0;
    border-top: 1px solid #dedbdb;
  }
  .consult-card-radio-rt {
    display: inline-block;
    margin-left: 10px;
  }
  .consult-button {
    margin: 2rem 0;
    text-align: center;
  }
</style>
